*{margin:0;padding:0;font:14px HelveticaNeue-Light,Sans-serif;-webkit-touch-callout:none;-webkit-user-select:none}
a{text-decoration:none;color:#000}
article{margin:auto}
body,html{height:100px}
header,nav{position:absolute;display:table;width:100%;height:100px;text-align:center}
header img,nav img{width:37px;height:37px}
header li,nav li{text-align:center;width:100px;display:inline-block}
header ul,nav ul{display:table-cell;vertical-align:middle;}
nav{top:904px}
nav a{display:block;height:60px;margin:0 20px}
li{list-style-type:none}

#camera{display:none}
#dlg{position:relative;width:561px;height:748px;top:128px}
#dlg *{font-size:18px}
#dlg a{display:block;width:100%}
#dlg div{float:right;color:#aaa}
#dlg h1{font-size:24px;margin:8px 0;text-align:center}
#dlg input{border:none;width:350px;color:#aaa}
#dlg li{display:none}
#dlg li li{display:block;padding:10px 0;border-bottom:solid 1px #ddd}
#dlg li ul{border:solid 1px #ddd;width:519px;height:746px;padding:0 20px}
#dlg .check{padding-right:25px;background:#fff url(/img/check4.svg)no-repeat right top}
#dlg .go{padding-right:25px;background:#fff url(/img/go4.svg)no-repeat right top}
#dlg .wait{padding-right:25px;background:#fff url(/img/loading.svg)no-repeat right top}
#out{position:absolute}
#stk{position:relative;width:748px;height:748px}
#wpr{position:relative;width:561px;height:748px;top:128px;overflow:hidden}
#wpr img{position:absolute;width:561px;height:748px;display:block;background:#eee}

.m2{-webkit-transform:translateX(-561px)}
.s0{visibility:hidden}
.s3{-webkit-transform:translateX(-561px)}
.s4{visibility:hidden}
